html,
body,
div {
	padding: 0;
	margin: 0;
}

.yz-flex {
	display: flex;
}

.layui-col-xs2-4 {
	position: relative;
	display: block;
	box-sizing: border-box
}

.layui-col-xs2-4 {
	float: left
}

.layui-col-xs2-4 {
	width: 19.9999992%;
}

.layui-card {
	height: 100%;
}

.yz-contain {
	width: 1366px;
	margin: 0 auto;
	min-width: 1366px;
}

.yz-header {
	background-color: #18465B;
	height: 69px;
	line-height: 69px;
}

.yz-header-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 100%;
}

.yz-header-nav {
	cursor: pointer;
	display: flex;
}

.yz-header-nav .yz-nav-item {
	padding-right: 14px;
	position: relative;
}

.yz-botton {
	height: 66px;
	background-color: #18465B;
	color: #fff;
	padding-top: 21px;
	display: flex;
	justify-content: center;
}

.yz-botton p {
	width: 672px;
	text-align: center;
	font-size: 16px;
}

.yz-common-title {
	position: relative;
	display: flex;
	padding-left: 14px;
	padding-top: 14px;
	font-style: italic;
	font-family: '思源盒体';
}

.yz-common-title.b-t {
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	padding-bottom: 4px;
}

.yz-common-title-float {
	position: absolute;
}

.yz-common-title .yz-common-title-content {
	display: flex;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.85);
}

.yz-common-title .yz-common-title-content span {
	padding-left: 4px;
	cursor: pointer;
}

.yz-common-title .yz-common-title-content i {
	padding: 0 4px;
}

.yz-common-title .yz-common-title-content .cur {
	border-bottom: 2px solid #3DBDC8;
}

.yz-common-title .yz-common-title-more {
	position: absolute;
	right: 14px;
	cursor: pointer;
	top: 19px;
}

.yz-common-title-navs {
	display: flex;
}

.yz-common-title-nav {
	color: #000000;
	margin: 0 5px;
	cursor: pointer;
	font-style: normal;
}

.yz-common-title-nav:last-of-type {
	border-right: none;
}

.yz-common-title-nav.selected {
	border-bottom: 2px solid #3DBDC8;
}

.yz-common-small-title {
	padding-top: 8px;
	position: absolute;
	right: 18px;
	z-index: 1000;
}

.yz-common-menu-item {
	width: 20%;
	float: left;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 36px;
}

.yz-common-menu-item .yz-common-menu-word {
	font-size: 14px;
	color: #000000;
	font-weight: bolder;
}

.yz-common-menu2-list {
	padding: 15px;
}

.yz-common-menu2-item-bg {
	height: 112px;
	color: white;
}

.layui-col-xs6:nth-of-type(1) .yz-common-menu2-item-bg {
	background-image: linear-gradient(-6deg, #2645E6 5%, #36A8F7 46%);
	background-image: url('../../static/main/1.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.layui-col-xs6:nth-of-type(2) .yz-common-menu2-item-bg {
	/* background-image: linear-gradient(0deg, #E0543C 13%, #FFA86B 92%); */
	background-image: url('../../static/main/2.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.layui-col-xs6:nth-of-type(3) .yz-common-menu2-item-bg {
	background-image: linear-gradient(0deg, #AD14D8 0%, #F78DD1 100%);
	background-image: url('../../static/main/3.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.layui-col-xs6:nth-of-type(4) .yz-common-menu2-item-bg {
	background-image: linear-gradient(0deg, #57A505 1%, #E2F795 100%);
	background-image: url('../../static/main/4.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.yz-common-menu2-item-big {
	font-size: 36px;
	text-align: center;
	padding-top: 20px;
	font-weight: bolder;
}

.yz-common-menu2-item-small {
	font-size: 12px;
	text-align: center;
	padding-top: 24px;
	display: flex;
	justify-content: center;
}

.yz-common-content {
	padding-left: 14px;
}

.yz-common-bar-item {
	display: flex;
	margin-top: 21px;
}

.yz-common-bar-icon {
	width: 28px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 80% 80%;
	color: white;
	background-image: url("../../static/main/a4.png");
	position: relative;
	top: 4px;
}

.yz-common-bar-icon .num {
	position: relative;
	top: 2px;
	left: -3px;
}

.yz-common-bar-progress-word {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 388px;
}

.yz-common-bar-progress-line {
	width: 120px;
	background-color: #ccc;
	height: 12px;
	width: 388px;
	margin-top: 4px;
	position: relative;
}

.yz-common-bar-progress-line .process {
	height: 12px;
	background-image: linear-gradient(270deg, #E6ADFB 0%, #D975F5 100%);
}

.yz-common-bar-progress-line-tip {
	position: absolute;
	right: 5px;
	top: 0px;
	font-size: 80%;
}

.yz-common-bar-item:nth-of-type(1) .yz-common-bar-progress-line .process {
	background-image: linear-gradient(270deg, #FBF670 0%, #F6BA01 100%);
}

.yz-common-bar-item:nth-of-type(2) .yz-common-bar-progress-line .process {
	background-image: linear-gradient(270deg, #88F3E2 0%, #48C0CA 100%);
}

.yz-common-bar-item:nth-of-type(3) .yz-common-bar-progress-line .process {
	background-image: linear-gradient(270deg, #65DDFF 0%, #4796FF 100%);
}

.yz-common-bar-item:nth-of-type(1) .yz-common-bar-icon {
	background-image: url("../../static/main/a1.png");
}

.yz-common-bar-item:nth-of-type(2) .yz-common-bar-icon {
	background-image: url("../../static/main/a2.png");
}

.yz-common-bar-item:nth-of-type(3) .yz-common-bar-icon {
	background-image: url("../../static/main/a3.png");
}



.news-list-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 5px 10px 20px;
}

.news-list-item {
	position: relative;
	margin: 0 10px;
	border-bottom: 1px solid #efecec;
	padding-bottom: 12px;
}

.news-list-item:last-of-type {
	border-bottom: none;
}

.news-list-header .news-list-header-info {
	display: flex;
	font-size: 14px;
	color: #000000;
}

.news-list-header .news-list-header-info .new-list-icon {
	transform: rotate(-225deg);
	background: #3DBDC8;
	width: 10px;
	height: 10px;
	position: relative;
	top: 6px;
}


.news-list-header .new-list-title {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 8px;
	font-size: 16px;
}

.news-list-content-info {
	font-size: 12px;
	color: #777777;
	padding: 0 20px 0 13px;
	text-indent: 24px;
	line-height: 18px;
}

.news-list-content-info span {
	color: red;
	font-weight: bord;
}

.news-list-header-department {
	position: absolute;
	right: 5px;
	top: 26px;
	font-size: 75%;
}

.yz-cloumn {
	display: flex;
	padding: 9px 12px;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	margin-top: -26px;
}

.yz-cloumn-6 {
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 4px 9px;
}

.yz-cloumn-6 .icon {
	height: 10px;
	width: 10px;
	position: relative;
	top: 5px;
	margin-right: 5px;
}

.yz-cloumn .flex_bwt {
	display: flex;
}

.yz-cloumn .flex_bwt_num {
	color: #000;
	position: relative;
	top: 2px;
}

.yz-downa {
	position: absolute;
	z-index: 100;
	width: 200px;
	background-color: #FFFFFF;
	height: 200px;
	border: 1px solid #F2F2F2;
	left: -150px;
	top: 60px;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.yz-downa-content {
	position: relative;
	padding: 10px;
}

.yz-curInfo {
	display: flex;
	padding: 14px;
	background-color: #FFFFFF;
}

.yz-layer-config {
	display: flex;
	position: absolute;
	right: 22px;
	top: 22px;
}

.yz-layer-config img {
	padding-left: 10px;
	cursor: pointer;
}

.yz-menu-nav {
	z-index: 19891015;
	width: 60px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}



.yz-menu-nav-item {
	text-align: center;
	padding-top: 14px;
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
}

.yz-menu-nav-item .triangle {
	position: relative;
}

.yz-menu-nav-item .triangle::before {
	content: "";
	position: absolute;
	top: 8px;
	left: -20px;
	z-index: 1;
	width: 0px;
	height: 0px;
	border: 9px solid transparent;
	border-right: 13px solid #fff;
}

.yz-menu-nav-item .triangle::after {
	content: "";
	position: absolute;
	left: -23px;
	top: 8px;
	width: 0px;
	height: 0px;
	border: 9px solid transparent;
	border-right: 13px solid #FFA86B;
}

.yz-menu-nav-item-child {
	position: absolute;
	width: 150px;
	background: #fff;
	top: 5px;
	left: 70px;
	border: 1px solid #FFA86B;
	text-align: left;
}

.yz-menu-nav-item-child .yz-menu-nav-item-child-title {
	color: #FFA86B;
	padding-left: 14px;
	padding-top: 7px;
	font-size: 16px;
}

.yz-menu-nav-item-child .yz-menu-nav-item-child-item {
	line-height: 40px;
	border-bottom: 1px solid #ebebeb;
	padding-left: 14px;
	font-size: 14px;
}

.yz-menu-nav-item-child .yz-menu-nav-item-child-item:hover{
	border: none;
	color: #FFA86B;
}

.yz-line {
	margin: -6px 18px;
}

.yz-common-line .layui-col-xs12 {
	height: 100px;
	text-align: center;
}

.yz-common-line .yz-common-line-draw-bottom {
	border-bottom: 6px solid #34BAC6;
	position: relative;
	top: 6px;
	display: flex;
	justify-content: center;
}

.yz-common-line .yz-common-line-draw-bottom .dot {
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: #34BAC6;
	position: absolute;
	bottom: -10px;
}

.yz-common-line .yz-common-line-draw-top {
	border-top: 6px solid #34BAC6;
	display: flex;
	justify-content: center;
}

.yz-common-line .yz-common-line-draw-top .dot {
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: #34BAC6;
	position: absolute;
	top: -11px;
}

.yz-common-line-content-b {
	padding-top: 20px;

}

.yz-common-line-content-t {
	position: absolute;
	bottom: 14px;
}

.yz-common-line-content-month span {
	background-color: #34BAC6;
	color: white;
	padding: 0px 6px;
	border-radius: 8px;
	cursor: pointer;
}

.yz-common-line-content-fee {
	font-weight: bolder;
	padding: 3px 0;
}

.yz-common-line-content-label {
	font-size: 80%;
}

.yz-ftable {
	display: flex;
	width: 300px;
	color: #000;
	background-color: #FFFFFF;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.yz-ftable .label{
	width: 160px;
}

.layui-layer-tips{
	width: auto !important;
}

.c-scollbar::-webkit-scrollbar {
  width: 12px; /* 设置滚动条的宽度 */
  background-color: #f9f9f9; /* 滚动条的背景色 */
}

/* 自定义滚动条轨道 */
.c-scollbar::-webkit-scrollbar-track {
  background: #e1e1e1; /* 轨道的背景色 */
  border-radius: 10px; /* 轨道的圆角 */
}
 
/* 自定义滚动条的滑块（thumb） */
.c-scollbar::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* 滑块的背景色 */
  border-radius: 10px; /* 滑块的圆角 */
  border: 2px solid #ffffff; /* 滑块边框 */
}
 
/* 当滑块悬停或活动时的样式 */
.c-scollbar::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8; /* 悬停或活动状态下滑块的背景色 */
}

.yz-ftable .square {
	width: 8px;
	height: 8px;
	background-color: #34BAC6;
	transform: rotate(45deg);
	position: relative;
	top: 7px;
	margin-right: 6px;
}

.yz-ftable .fee {
	padding-left: 8px;
}

.yz-ftable .process {
	width: 50px;
	padding-left: 8px;
	position: relative;
	top: 8px;
}

.yz-ftable .rate {
	padding-left: 8px;
}

.layui-layer-tips .layui-layer-content {
	padding: 7px;
}

.yz-menu-nav-item-img {
	background-image: url("../../static/common/i.png");
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
}

.yz-row1 .news-list-header .new-list-title {
	position: relative;
	top: 6px;
}

.yz-row1 .new-list-icon {
	top: 11px !important;
}

.yz-row1 .news-list-header-department {
	top: 29px !important;
}

.yz-row2 .news-list-content-info {
	width: 360px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.yz-row2 .news-list-content-info-more {
	position: absolute;
	right: -6px;
	color: red;
	top: 40px;
}
/* 新增css */
.yz-nav-item-server{
	color: white;
	height: 20px;
	position: relative;
	top: -6px;
	text-align: right;
}

.yz-nav-item-time{
	color: white;
	position: relative;
	top: -6px;
}

.yz-nav-item-nickname{
	color: white;
	font-size: 16px;
}

.yz-common-menu2-item-small-p{
	position: relative;
	top: -10px;
	font-size: 12px;
}

.yz-common-menu2-item-small-p1{
	font-size: 16px;
	text-align: left;
	font-weight: bolder;
}

.yz-common-menu2-item-small-p1 img{
	padding-left: 5px;
	position: relative;
	top: -2px;
}

.yz-common-menu2-item-small-p2{
	text-align: left;
	font-size: 80%;
	padding-top: 2px;
}

.p2-r{
	padding-left: 8px;
}

.yz-botton,.yz-header{
	width: 1366px;
	margin: 0 auto;
}
